<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>50bus-index</title>
    <meta name="keywords" content="50bus" />
    <meta name="copyright" content="50bus.com" />
    <!-- <meta http-equiv="mobile-agent" content="http://www.50bus.com/" />
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" /> -->
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    
    <link rel="stylesheet" type="text/css" href="../css/base.css" media="all" />
    <link rel="stylesheet" type="text/css" href="../css/globe.css" media="all" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" media="all" />
    <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
</head>

<body>
<div class="header_wrap">
    <div class="header clearfix">
        <div class="fm980 fl clearfix">
            <a href="index.html" class="logo fl"></a>
            <ul class="nav_box fl">
                <li><a href="" class="cur">形象创意</a></li>
                <li><a href="">剧本创作</a></li>
                <li><a href="">动画渲染</a></li>
                <li><a href="">创意助手</a></li>
            </ul>
            <div class="about_box fr">
                <a href="">关于我们</a>
                <a href="">注册</a>
                <a href="" class="cur">登录</a>
            </div>
        </div>
    </div>
</div>

<div class="body_wrap">
    <div class="index_box">
        
        <div id="topBannerSlider" class="index_banner_box">
            <div class="index_banner_con">
                <a href="javascript:;" class="ms_btn ms_prev"></a>
                <a href="javascript:;" class="ms_btn ms_next"></a>
                <div class="banner_list">
                    <ul class="ms_slider clearfix" style="left:-1001px;">
                        <li class="ms_item">
                            <a href="" target="_blank">
                                <img src="../img/banner_1000x386_1.png">
                            </a>
                            <b class="mask_layer"></b>
                        </li>
                        <li class="ms_item cur">
                            <a href="" target="_blank">
                                <img src="../img/banner_1000x386_2.png">
                            </a>
                            <b class="mask_layer"></b>
                        </li>
                        <li class="ms_item">
                            <a href="" target="_blank">
                                <img src="../img/banner_1000x386_3.png">
                            </a>
                            <b class="mask_layer"></b>
                        </li>
                        <li class="ms_item">
                            <a href="" target="_blank">
                                <img src="../img/banner_1000x386_4.png">
                            </a>
                            <b class="mask_layer"></b>
                        </li>
                    </ul>
                </div>
                <!-- <div>
                    <ul>
                        <li></li>
                    </ul>
                </div> -->
            </div>
        </div>

        <div class="box_white">
            <div class="index_con">
                <ul class="index_feature clearfix">
                    <li>
                        <a href="javascript:;" target="_blank" class="feature_img feature_img1"></a>
                        <a href="" target="_blank" class="feature_t">形象创意</a>
                        <a href="" target="_blank" class="feature_desc">形象创意形象创意形象创意形象创意形象创意形象创意形象创意形象创意形象创意形象创意形象创意形象创意</a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank" class="feature_img feature_img2"></a>
                        <a href="" target="_blank" class="feature_t">剧本创作</a>
                        <a href="" target="_blank" class="feature_desc">剧本创作剧本创作剧本创作剧本创作剧本创作剧本创作剧本创作剧本创作剧本创作剧本创作剧本创作</a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank" class="feature_img feature_img3"></a>
                        <a href="" target="_blank" class="feature_t">动画渲染</a>
                        <a href="" target="_blank" class="feature_desc">动画渲染动画渲染动画渲染动画渲染动画渲染动画渲染动画渲染动画渲染</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="box_gray">
            <div class="index_con">
                <div class="index_con_t">热门形象创意</div>
                <ul class="works_show_list clearfix">
                    <li>
                        <div class="works_show">
                            <div class="works_img"><img src="../img/eg_works_214.png"></div>
                            <div class="works_type_box clearfix">
                                <span class="works_type fl">卡通类</span>
                                <span class="like_box fr">56 <b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">乌龙小子之勇闯乐活岛</div>
                            <i class="icon_new"></i>
                            <i class="price_box">¥5980</i>
                        </div>
                        <p class="user_name clearfix">
                            <img src="../img/eg_user_img.png" class="r10 fl"><span class="fz14 ml5 fl">西厢妙词</span>
                        </p>
                    </li>
                    <li>
                        <div class="works_show">
                            <div class="works_img"><img src="../img/eg_works_214.png"></div>
                            <div class="works_type_box clearfix">
                                <span class="works_type fl">卡通类</span>
                                <span class="like_box fr">56 <b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">乌龙小子之勇闯乐活岛</div>
                            <i class="icon_new"></i>
                            <i class="price_box">¥50</i>
                        </div>
                        <p class="user_name clearfix">
                            <img src="../img/eg_user_img.png" class="r10 fl"><span class="fz14 ml5 fl">西厢妙词</span>
                        </p>
                    </li>
                    <li>
                        <div class="works_show">
                            <div class="works_img"><img src="../img/eg_works_214.png"></div>
                            <div class="works_type_box clearfix">
                                <span class="works_type fl">卡通类</span>
                                <span class="like_box fr">56 <b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">乌龙小子之勇闯乐活岛</div>
                            <i class="icon_new"></i>
                            <i class="price_box">¥50</i>
                        </div>
                        <p class="user_name clearfix">
                            <img src="../img/eg_user_img.png" class="r10 fl"><span class="fz14 ml5 fl">西厢妙词</span>
                        </p>
                    </li>
                    <li>
                        <div class="works_show">
                            <div class="works_img"><img src="../img/eg_works_214.png"></div>
                            <div class="works_type_box clearfix">
                                <span class="works_type fl">卡通类</span>
                                <span class="like_box fr">56 <b class="fav_heart"></b></span>
                            </div>
                            <div class="works_name">乌龙小子之勇闯乐活岛</div>
                            <i class="icon_new"></i>
                            <i class="price_box">¥50</i>
                        </div>
                        <p class="user_name clearfix">
                            <img src="../img/eg_user_img.png" class="r10 fl"><span class="fz14 ml5 fl">西厢妙词</span>
                        </p>
                    </li>
                </ul>
                <p class="txt_center"><a href="" class="btn_oper_purple">了解更多</a></p>
            </div>
        </div>
        <div class="box_white">
            <div class="index_con">
                <div class="index_con_t">最受关注剧本</div>
                <ul class="script_show_list clearfix">
                    <li>
                        <a class="script_cover" href="javascript:;"><img src="../img/eg_140x209.jpg"></a>
                        <a class="script_name" href="javascript:;">热门剧本专题名字</a>
                        <p class="script_comp">杭州视传影视公司</p>
                    </li>
                    <li>
                        <a class="script_cover" href="javascript:;"><img src="../img/eg_140x209.jpg"></a>
                        <a class="script_name" href="javascript:;">热门剧本专题名字</a>
                        <p class="script_comp">杭州视传影视公司</p>
                    </li>
                    <li>
                        <a class="script_cover" href="javascript:;"><img src="../img/eg_140x209.jpg"></a>
                        <a class="script_name" href="javascript:;">热门剧本专题名字</a>
                        <p class="script_comp">杭州视传影视公司</p>
                    </li>
                    <li>
                        <a class="script_cover" href="javascript:;"><img src="../img/eg_140x209.jpg"></a>
                        <a class="script_name" href="javascript:;">热门剧本专题名字</a>
                        <p class="script_comp">杭州视传影视公司</p>
                    </li>
                    <li>
                        <a class="script_cover" href="javascript:;"><img src="../img/eg_140x209.jpg"></a>
                        <a class="script_name" href="javascript:;">热门剧本专题名字</a>
                        <p class="script_comp">杭州视传影视公司</p>
                    </li>
                </ul>
                <p class="txt_center"><a href="" class="btn_oper_purple">了解更多</a></p>
            </div>
        </div>
        <div class="box_gray">
            <div class="index_con">
                <div class="index_con_t">渲染作品</div>
                <ul class="render_show_list clearfix">
                    <li>
                        <a class="icon_play" href=""></a>
                        <a class="render_cover" href=""><img src="../img/eg_262x144.jpg"></a>
                        <a class="render_name" href="">哈布洛先生 (MR. HUBLOT)</a>
                        <p class="render_desc">卢森堡3D动画短片，長11分钟，2014年第86届奥斯卡最佳动画短片奖。</p>
                    </li>
                    <li>
                        <a class="icon_play" href=""></a>
                        <a class="render_cover" href=""><img src="../img/eg_262x144.jpg"></a>
                        <a class="render_name" href="">哈布洛先生 (MR. HUBLOT)</a>
                        <p class="render_desc">卢森堡3D动画短片，長11分钟，2014年第86届奥斯卡最佳动画短片奖。</p>
                    </li>
                    <li>
                        <a class="icon_play" href=""></a>
                        <a class="render_cover" href=""><img src="../img/eg_262x144.jpg"></a>
                        <a class="render_name" href="">哈布洛先生 (MR. HUBLOT)</a>
                        <p class="render_desc">卢森堡3D动画短片，長11分钟，2014年第86届奥斯卡最佳动画短片奖。</p>
                    </li>
                </ul>
            </div>
        </div>

        <div class="index_link_bar">
            <div class="index_con">
                <ul class="clearfix">
                    <li><a href=""><img src="../img/f_link1.png" /></a></li>
                    <li><a href=""><img src="../img/f_link2.png" /></a></li>
                    <li><a href=""><img src="../img/f_link3.png" /></a></li>
                    <li><a href=""><img src="../img/f_link4.png" /></a></li>
                    <li><a href=""><img src="../img/f_link5.png" /></a></li>
                    <li><a href=""><img src="../img/f_link6.png" /></a></li>
                </ul>
            </div>
        </div>

    </div>
</div>

<div class="footer">
    <div class="fm980 clearfix">
        <div class="foot_link fl">
            <a href="">形象创意</a>
            <a href="">剧本创作</a>
            <a href="">动画渲染</a>
            <a href="">创意助手</a>
        </div>
        <div class="foot_link fl">
            <a href="">浙大科技园</a>
            <a href="">浙江大学</a>
            <a href="">关于我们</a>
            <a href="">关于我们</a>
        </div>
        <div class="foot_link fl">
            <a href="">浙大科技园</a>
            <a href="">浙江大学</a>
            <a href="">关于我们</a>
            <a href="">关于我们</a>
        </div>
        <div class="copy_box fr">
            <img class="mb5" src="../img/foot_text.png" />
            <p>&copy; 2013-2014 All right reserved</p>
            <p><a href="">服务条款</a><a href="">隐私条款</a><a href="">法律条款</a></p>
            <p><a href="" class="share_icon share_sina"></a><a href="" class="share_icon share_wx"></a></p>
        </div>
    </div>
</div>
    
<script type="text/javascript" src="../js/page-index.js"></script>

</body>

</html>